<template>
    <div class="slide">
        <!-- <el-carousel interval=5000 height="240px"> -->
        <el-carousel height="240px">
            <el-carousel-item v-for="item in list" :key="item.url">
                <img :src="item.img" />
            </el-carousel-item>
        </el-carousel>
    </div>
</template>

<script>
export default {
    data() {
        return {
            list: [{
                url: '#abc',
                img: 'http://p1.meituan.net/codeman/826a5ed09dab49af658c34624d75491861404.jpg'
            },
            {
                url: '#bsbsb',
                img: 'http://p0.meituan.net/codeman/daa73310c9e57454dc97f0146640fd9f69772.jpg'
            },
            {
                url: '#sjfkajfj',
                img: 'http://p0.meituan.net/codeman/a97baf515235f4c5a2b1323a741e577185048.jpg'
            },
            {
                url: '#sjfkajfja',
                img: 'http://p0.meituan.net/codeman/33ff80dc00f832d697f3e20fc030799560495.jpg'
            },
            {
                url: '#kjljj',
                img: 'https://p1.meituan.net/travelcube/01d2ab1efac6e2b7adcfcdf57b8cb5481085686.png'
            }]
        }
    }
}
</script>

<style lang="scss">
   .slide {
       position: relative;
    //    z-index: -1;
       width: 550px;
       height: 240px;
       margin-left: 10px;
       img {
           width: 100%;
       }
   }
</style>

